<template>
  <div class="fabuzhe">
    <nav-bar :title="'发布者信息'"></nav-bar>
    <div class="no-fabu" v-if="!form">
      <div class="title">请使用电脑登录中装协官网，进入个人中心填写信息。</div>
      <div class="title">官网链接：www.cbda1984.com</div>
      <img src="@/assets/img/no-fabu.png" alt />
    </div>
    <div v-else>
      <van-cell title="证件号码" size="large" :label="form.userCode" />
      <van-cell title="证件照片/扫描件" size="large">
        <template #label>
          <img :src="form.userIdImg" class="fabu-icon" alt />
        </template>
      </van-cell>
      <van-cell title="单位营业执照" size="large">
        <template #label>
          <img :src="form.businessImg" class="fabu-icon" alt />
        </template>
      </van-cell>
      <van-cell title="收款人账号" size="large" :label="form.bankCode" />
      <van-cell title="收款人姓名" size="large" :label="form.bankUserName" />
      <van-cell title="活动联系人" size="large" :label="form.activityUser" />
      <van-cell title="联系人手机号" size="large" :label="form.activityUserPhone" />
      <van-cell title="邮箱地址" size="large" :label="form.email" />
    </div>
  </div>
</template>

<script>
import navBar from '@/components/NavBar'
export default {
  name: 'GetPassword',
  components: {
    navBar,
  },
  data() {
    return {
      form: {},
    }
  },
  mounted() {
    this.$request({
      url: '/oauth/selectManager',
      method: 'post',
    }).then((rsp) => {
      if (rsp.code === 200) {
        console.log(rsp.data)
        if (rsp.data) {
          this.form = rsp.data
        } else {
          this.form = null
        }
      } else {
        this.$toast.fail(rsp.content)
      }
    })
  },
  methods: {},
}
</script>

<style lang='scss'>
@import '../assets/css/base';
.fabuzhe {
  .no-fabu {
    padding: px2rem(30);
    .title {
      color: #666;
      font-size: px2rem(32);
      margin-bottom: 20px;
    }
    img {
      width: 100%;
    }
  }
  .fabu-icon {
    width: px2rem(180);
    height: px2rem(180);
    border-radius: 6px;
  }
}
</style>
